<template>
    <div class="async-container">
       <AsyncComponent></AsyncComponent>
       <div>------------------------</div>
       <AsyncLoadingComp></AsyncLoadingComp>
    </div>
</template>

<script>
import GetAsyncComponent from '../../libs/utils/async'
// 异步组件引入方法
const AsyncComponent = () => import(/* webpackChunkName: "AsyncComponent" */ './components/Async')
// 异步组件引入方法带loading和error
const AsyncLoadingComp = GetAsyncComponent(() => import(/* webpackChunkName: "AsyncLoadingComponent" */ './components/AsyncLoading'))
export default {
    components: {
        AsyncComponent,
        AsyncLoadingComp
    }
}
</script>
<style lang="less" scoped>
    .async-container {
    }
</style>
